<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  app: 'App',
  data () {
    return {
      key: ''
    }
  },
  created () {
    const ua = window.navigator.userAgent
    const firefox = ua.indexOf('Firefox')
    if (firefox !== -1) {
      document.documentElement.className = 'firefox'
    }
  }

}
</script>

<style lang="less">
.advice{
  height: 20px;
  width: 20px;
  border: 2px solid #ccc;
  border-radius: 20px;
  display: inline-block;
  background-image: url('./assets/imgs/unchecked.png');
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-top: -4px;
  cursor: pointer;
}
input[type="radio"]:checked + .advice{
  background-image: url('./assets/imgs/checked.png');
}
</style>
